<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <title></title>
    <!--<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=f4saEYVelrckZC4eLqBziGqtPhiXwXsp"></script>-->
    <!--导入css-->
    <link rel="stylesheet" href="../../city_pikers/css/bootstrap.css">
    <link rel="stylesheet" href="../../city_pikers/css/city-picker.css">
    <link rel="stylesheet" href="../../city_pikers/css/main.css">
    <!--导入city_piker的js-->
    <script src="../../city_pikers/js/jquery.js"></script>
    <script src="../../city_pikers/js/bootstrap.js"></script>
    <script src="../../city_pikers/js/city-picker.data.js"></script>
    <script src="../../city_pikers/js/city-picker.js"></script>
    <script src="../../city_pikers/js/main.js"></script>


</head>

<body>
<div style="position: relative;"><!-- container -->
    <input readonly type="text" data-toggle="city-picker" placeholder="点击从下拉面板中选择省/市/区">
</div>
<!--<div id="r-result">
    请输入:<input type="text" data-toggle="city-picker" id="suggestId" size="20" style="width:150px;" />
</div>-->
</body>
<!--<script type="text/javascript">
    $(function() {
        $("#suggestId").citypicker();
    });
</script>-->
</html>
